<template>
  <!-- 工作日历
1:完成基本布局
   a:抽离成一个单独组件
   b:使用(样式调整)
   c:逻辑处理
      年与月的处理
      休的处理
      年月切换时与日历时间之间的互动
 -->

  <div class="dashboard content">
    <h3>{{ $t('xxx') }}</h3>
    <el-card class="card">
      <HmTime :localTime="time"></HmTime>
    </el-card>
  </div>
</template>
<script>
import HmTime from './components/HmTime.vue'
export default {
  components: {
    HmTime
  },
  data () {
    return {
      time: new Date()
    }
  }
}
</script>
<style lang="scss" scoped>
.dashboard {
  .card {
    width: 50%;
  }
}
</style>
